<!DOCTYPE html>
<html>
<head>
<title>环球影城园区电子集章</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edga"/>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" src="https://apis.map.qq.com/tools/geolocation/min?key=EJDBZ-GHO3D-MB24R-HJ3FZ-2B3Y6-52FBX&referer=myapp"></script>
    <script src="https://map.qq.com/api/gljs?v=1.exp&key=EJDBZ-GHO3D-MB24R-HJ3FZ-2B3Y6-52FBX&libraries=geometry"></script>
<script src="js/base/base.js"></script>
<script>
ibase.init({dir:'portrait',lock:true});
</script>

</head>
<body>
<article id="container">
	<section class="content" >
    	<div class="bgdiv">
			<img src="images/bg_01.jpg" class="bgpic" />
			<img src="images/bg_02.jpg" class="bgpic" />
			<img src="images/bg_03.jpg" class="bgpic" />
			<img src="images/bg_04.jpg" class="bgpic" />
			<img src="images/bg_05.jpg" class="bgpic" />
			
			
			
			<img src="images/yun1.png" class="yun1 yunanim1" />
			<img src="images/yun2.png" class="yun1-1 yunanim11" />
			
			
			<img src="images/yh1.png" class="baozhu1" />
			<img src="images/yh2.png" class="baozhu2" />
			
			<img src="images/yh3.png" class="yanhua1" />
			<img src="images/yh4.png" class="yanhua2" />
			<img src="images/yh5.png" class="yanhua3" />
			
			<img src="images/title2.png" class="item-img" />
			
			
		</div>
		
		<div class="contentDiv">
			<!-- 未来水世界 -->
			<div class="shuishijiebox">
				<img src="images/shuishijie/pic.png" class="item-img" />
				<img src="images/shuishijie/pic2.png" class="ssjquan" />
				<img src="images/shuishijie/yun.png" class="item-img" />
				<img src="images/shuishijie/btn.png" class="btn-shui" />
				
				<img src="images/btn.png" class="btndl itembtn-shui" bstep='0' item="floot-shuisj" />
				
			</div>
			
			<!-- 功夫熊猫 -->
			<div class="xiongmaobox">
				<img src="images/xiongmao/yanhua.png" class="item-img" />
				<img src="images/xiongmao/xiongmao.png" class="item-img" />
				<img src="images/xiongmao/name.png" class="item-img" />
				<img src="images/xiongmao/laoshu.png" class="laoshu" />
				<img src="images/xiongmao/yuan.png" class="item-img" />
				<img src="images/btn.png" class="btndl itembtn-xm" bstep='1' item="floot-xm" />
				
			</div>
			
			<!-- 哈利波特 -->
			<div class="halibtbox">
				<img src="images/halibote/pic.png" class="item-img" />
				<img src="images/halibote/pic2.png" class="item-img" />
				<img src="images/halibote/name.png" class="item-img" />
				<img src="images/halibote/pic3-1.png" class="maotouyin" />
				<img src="images/yun1.png" class="yunhlbt yunanimhlbt" />
				<img src="images/btn.png" class="btndl itembtn-hlbt" bstep='2' item="floot-hlbt" />
				
			</div>
			
			<!-- 变形金刚 -->
			<div class="bxjgbox">
				<img src="images/bianxingjingang/dao.png" class="item-img" />
				<img src="images/bianxingjingang/bxjg.png" class="item-img" />
				<img src="images/bianxingjingang/bxjg2.png" class="bxjganimpic" />
				<img src="images/bianxingjingang/name.png" class="btn-bxjg" />
				<img src="images/yun1.png" class="yunbxjg yunanimbxjg" />
				<img src="images/btn.png" class="btndl itembtn-bxjg" bstep='3' item="floot-bxjg" />
				
			</div>
			
			<!-- 侏罗纪 -->
			<div class="zhuljbox">
				<img src="images/zhuluoji/pic.png" class="item-img" />
				<img src="images/zhuluoji/name.png" class="btn-bxjg" />
				<img src="images/zhuluoji/car.png" class="item-img" />
				<img src="images/zhuluoji/carlight.png" class="item-img carlight" />
				<img src="images/zhuluoji/yuan.png" class="item-img" />
				<img src="images/btn.png" class="btndl itembtn-zlj" bstep='4' item="floot-zlj" />
				
			</div>
			
			<!-- 好莱坞 -->
			<div class="haolwbox">
				<img src="images/haolaiwu/ct.png" class="item-img" />
				<img src="images/haolaiwu/name1.png" class="hlwname" />
				<img src="images/haolaiwu/name2.png" class="hlwname hlwname2" />
				<img src="images/haolaiwu/pic.png" class="item-img" />
				<img src="images/haolaiwu/yuan.png" class="item-img" />
				<!-- <img src="images/haolaiwu/yun.png" class="item-img" /> -->
				<img src="images/yun2.png" class="yunhlw yunanimhlw" />
				<img src="images/btn.png" class="btndl itembtn-hlw" bstep='5'  item="floot-hlw" />
				
			</div>
			
			<!-- 小黄人 -->
			<div class="xiaohrbox">
				<img src="images/yun1.png" class="yunxhr yunanimxhr" />
				<img src="images/xiaohuangren/name.png" class="item-img" />
				<img src="images/xiaohuangren/pic.png" class="xhrpicanim" />
				<img src="images/xiaohuangren/pic3.png" class="item-img" />
				
				<img src="images/xiaohuangren/pic4.png" class="item-img" />
				<img src="images/btn.png" class="btndl itembtn-xhr" bstep='6' item="floot-xhr" />
				
			</div>
			
			<div class="latlngbox"></div>
			<div class="onoffPoint" style="display:none;">定位关闭</div>
			
			
			<!-- 印章浮层 -->
			<div class="flootBox">
				<div class="flootItembox">
					<div class="flootCon">
						<div class="flootConIn">
							<img src="images/flootBg.png" class="flootImgbg" />
							<div class="flootItemimgbox">
								<img src="images/flootLogo.png" class="flootItemimg flootLogo" />
								<img src="images/flootShuisj.png" class="flootItemimg floot-shuisj"  />
								<img src="images/flootXiongmao.png" class="flootItemimg floot-xm" />
								<img src="images/flootHlbt.png" class="flootItemimg floot-hlbt" />
								<img src="images/flootBxjg.png" class="flootItemimg floot-bxjg" />
								<img src="images/flootZlj.png" class="flootItemimg floot-zlj" />
								<img src="images/flootHlw.png" class="flootItemimg floot-hlw" />								
								<img src="images/flootXhr.png" class="flootItemimg floot-xhr" />
							</div>
							<div class="closeflotbox">
								<div class="closeFloot"></div>
							</div>
						</div>
						
					</div>
				</div>

			</div>
			
			<!-- 定位提示弹出浮层 -->
			<div class="dwfloottsbox">
				<div class="dwhzflootconbox">
					<img src="images/light.png" class="dwlightbg" />
					<div class="dwhzpicbox">
						<div class="dwhzitembox">
							<img src="images/mapBg.png" class="dwpicitem" style="display:block;"/>
							
							<div id="mapcon">
								<div id="mapContainer"></div>
								<img src="images/common/loading.gif" class="maploading" />
							</div>
							<div class="dw-f-getbtn"></div>
						</div>
						<div class="closedwfloot"></div>
						
					</div>
				</div>
				
			</div>
			
			<!-- 抽奖浮层 -->
			<div class="flootcjBox">
				
				<div class="flootcjItembox">
					<div class="flootcjCon">
						<!-- 点亮三个抽奖-->
						<div class="flootcjConIn" id="cj3box">
							<img src="images/light.png" class="flootcjImgbg" />
							<div class="flootcjItemimgbox">
								<div class="flootcjItemconbox">
									<img src="images/f-cj3.png" class="flootcjItemimg"  />
									<img src="images/btn-choujiang.png" class="choujiangbtn choujianghzbtn" />
								</div>
								<div class="closefbtn closecjbtn"></div>
							</div>
						</div>
						<!-- 点亮三个抽奖 end -->
						
						<!-- 全部点亮抽奖 -->
						<div class="flootcjConIn" id="cjallbox">
							<img src="images/light.png" class="flootcjImgbg" />
							<div class="flootcjItemimgbox">
								<div class="flootcjItemconbox">
									<img src="images/f-cjall.png" class="flootcjItemimg"  />
									<img src="images/btn-choujiang.png" class="choujiangbtn choujianghzbtn" />
								</div>
								<div class="closefbtn closecjbtn"></div>
							</div>
						</div>
						<!-- 全部点亮抽奖 end -->
						
					</div>
				</div>
			</div>
			
			<!-- 中奖浮层 -->
			<div class="flootzjBox">
				<div class="flootzjItembox">
					<div class="flootzjCon">
						<!-- 中奖-->
						<div class="flootzjConIn" id="zjybox">
							<img src="images/light.png" class="flootzjImgbg" />
							<div class="flootzjItemimgbox">
								<div class="flootzjItemconbox">
									<img src="images/zj-y.png" class="flootcjItemimg"  />
									
								</div>
								<div class="closefbtn closezjbtn"></div>
							</div>
						</div>
						<!-- 中奖 end -->
						
						<!-- 未中奖-->
						<div class="flootzjConIn" id="zjnbox">
							<div class="flootzjItemimgbox">
								<div class="flootzjItemconbox">
									<img src="images/zj-n.png" class="flootcjItemimg"  />
									
								</div>
								<div class="closefbtn closezjbtn"></div>
							</div>
						</div>
						<!-- 未中奖 end -->
						
					</div>
				</div>
				
			</div>
			
			<!-- 隐藏熊猫打卡抽奖 -->
			<div class="flootcjxmBox">
				
				<div class="flootcjxmItembox">
					<div class="flootcjxmCon">
						<!-- 抽奖-->
						<div class="flootcjConIn">
							<img src="images/light.png" class="flootcjImgbg" />
							<div class="flootcjItemimgbox">
								<div class="flootcjItemconbox">
									<img src="images/cj-yck.png" class="flootcjItemimg"  />
									<img src="images/btn-choujiang.png" class="choujiangbtn choujiangxmbtn" />
								</div>
								<div class="closefbtn closecjxmbtn"></div>
							</div>
						</div>
						<!-- 抽奖 end -->
					
						
					</div>
				</div>
			</div>
			
			<!-- 幸运小黄人幸运儿 -->
			<div class="flootcjxhrBox">
				
				<div class="flootcjxhrItembox">
					<div class="flootcjxhrCon">
						<!-- 抽奖-->
						<div class="flootcjxhrConIn">
							<img src="images/light.png" class="flootcjImgbg" />
							<div class="flootcjItemimgbox">
								<div class="flootcjItemconbox">
									<img src="images/f-xhr.png" class="flootcjItemimg"  />
									
								</div>
								<div class="closefbtn closexyexhrbtn"></div>
							</div>
						</div>
						<!-- 抽奖 end -->
					</div>
				</div>
			</div>
			
			<!-- 我的背包 -->
			<div class="beibaobox" style="display:none;">
				<div class="beibaocon">
					<div class="beibaotop">
						<img src="images/icon1.png" class="icon1" />
						<img src="images/icon2.png" class="icon2" />
						<div class="beibaocjbtnbox">
							<img src="images/btn-choujiang.png" class="beibaocjbtn" />
							<div class="tips"></div>
						</div>
						
					</div>
					<div class="beibaolistbox">
						<div class="jiangpinlistbox">
							<!-- <img src="images/btn-dh.png" class="jpListitem dhbtn" />
							<img src="images/btn-yhq.png" class="jpListitem yhqbtn" /> -->
						</div>
						
					</div>
				</div>
				
				
				<img src="images/txt1.png" class="bbtxt" />
			</div>
			
			<!-- 兑换码页 -->
			<div class="dhcodebox">
				<div class="dhmcon">
					<div class="dhmtop">
						<img src="images/dh-code.png" class="dh-code" />
					</div>
					<div class="closefbtn closedhcodebtn"></div>
				</div>
				
				
				<img src="images/txt1.png" class="dhmtxt" />
			</div>
			
			<!-- 优惠券二维码页 -->
			<div class="dhqrcodebox">
				<div class="dhqrcodecon">
					<img src="images/light.png" class="qrcodelight" />
					<div class="dhqrcodetop">
						<img src="images/dh-qrcode.png" class="dh-code" />
					</div>
					<div class="closefbtn closedhqrcodebtn"></div>
				</div>
				
				
				<img src="images/txt1.png" class="dhqrcodetxt" />
			</div>
			
			<!-- 中奖次数用完 -->
			
			<div class="chywbox">
				<div class="chywcon">
					<div class="chywtop">
						<img src="images/f-no.png" class="chywpic" />
					</div>
					<div class="closefbtn closechywbtn"></div>
				</div>
				
				
				<img src="images/txt1.png" class="chywtxt" />
			</div>
			
			
			<!-- 底部 按钮-->
			<div class="bottomBox">
				<img src="images/btn-hz.png" class="btnhuizhang"/>
				<div class="btnbeibao">
					<img src="images/btn-bb.png" class="btnbeibaopic"/>
					<div class="tips"></div>
				</div>
				
				
			</div>
			
			
			<img src="images/ruleBtn.png" class="rulebtn" />
			
			<!-- 活动规则 -->
			<div class="rulebox" style="display:block;">
				<div class="preventbg"></div>
				<div class="ruleconbox">
					<div class="preventbg"></div>
					<img src="images/rule.png" class="rulepic" />
					<div class="rulescrollbox" id="rulescrollbox">
						<div class="inrulescrobox">
							<img src="images/ruletxt.png" class="ruletxtpic" />
						</div>
					</div>
					<div class="closefbtn closerule"></div>
				</div>
			</div>
			
			
			<!-- 加载 -->
			<div class="loadingbox">
				<img src="images/common/loading.gif" class="loadingimg" />
			</div>
			
			
			<div class="musicbtnbox">
				<img src="images/common/bgm_on.png" class="bgmbtn bgmon"  />
				<img src="images/common/bgm_off.png" class="bgmbtn bgmoff" style="display:block;"/>
			</div>
			
			
		</div>
		
		<div id="mapbox"></div>
		
	</section>
	<audio src="images/common/music.mp3" id="music" preload="preload" autoplay="autoplay"  loop="loop" style="display:none;" volume=0.5></audio>
	<!-- <audio src="images/common/btn.mp3" id="btnmusic" preload="preload" style="display:none;"></audio> -->
</article>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="js/base/jquery.js"></script>
<script src="js/pos.js"></script>
<script src="js/base/vConsole.min.js"></script>
<script src="js/base/bscroll.js"></script>
<script src="js/base/TweenMax.min.js"></script>
<script src="js/base/com.js"></script>
<!--<script src="js/index.js"></script>-->
<script>ibase.load('js/index.js');</script>
<script>
//var vConsole = new VConsole();
</script>
</body>
</html>